$('#sc').html(setVc()).click(function () { $(this).html(setVc()) })

    // 2，失去焦点时 触发程序
    // 向后端程序 发送请求 验证 用户名是否可用
    $('[name="userName"]').blur(function () {
      $.ajax({
        url: './tools/select.php',
        data: { userName: $(this).val() },
        dataType: 'json',
        type: 'post',
        success: res => {
          if (res.result === 1) {

            // 用户名可以使用
            $('[name="nameSpan"]').html('用户名可用')
          } else {
            $('[name="nameSpan"]').html('用户名重复')

          }

        }

      })
    })

    // 3，点击button按钮 触发注册功能
    $('.confirmButton2').click(function () {
      // 执行一些验证程序 如果 验证不通过 终止之后程序的执行

      // 密码和确认密码必须一致
      if ($('[name = "userPwd1"]').val() !== $('[name="userPwd2"]').val()) {
        // 输入提示信息
        window.alert('两次密码不一致');

        // 刷新验证码
        $('#sc').html(setVc());

        // 执行return 终止之后的程序
        return;
      }

      // 输入的验证码 和标签中的验证码 内容必须一致
      if ($('[name = "vc"]').val().toLowerCase() !== $('#sc').html().toLowerCase()) {
        window.alert('验证码错误');

        // 刷新验证码
        $('#sc').html(setVc());

        return;
      }



      // 触发Ajax 向后端程序发送 Ajax请求
      $.ajax({
        url: './tools/register.php',
        data: { userName: $('[name="userName"]').val(), userPwd: $('[name="userPwd1"]').val(), },
        dataType: 'json',
        type: 'post',
        success: res => {
          console.log(res);
          // 根据结果 弹出 提示信息
          if (res.result === 1) {
            // 注册成功
            if ($('[name="fuxuankuang"]').prop('checked')) {
                 window.alert('您注册成功，点击确定跳转首页面');
            window.location.href = './index.html';
            }else{
                window.alert('您未同意注册协议')
            }
          } else {
            // 注册失败
            window.alert('您注册失败，请您改名，谢谢！');

            // 刷新验证码
            $('#sc').html(setVc());
          }
        }
      })
    })